{% load i18n %}
{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="/static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="/static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="/static/css/chosen.css" />
		
		<link rel="stylesheet" href="/static/css/ace.min.css" />
		<link rel="stylesheet" href="/static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="/static/css/ace-skins.min.css" />
		
		<link rel="stylesheet" href="/static/css/datepicker.css" /><!-- 日期框 -->
		<script type="text/javascript" src="/static/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="/static/js/jquery.tips.js"></script>
		<script type="text/javascript" src="/static/js/bootbox.min.js"></script><!-- 确认窗口 -->
		<script type="text/javascript" src="/static/js/jquery.form.js"></script>
		<script type="text/javascript" src="/static/js/base.js"></script>
		<style type="text/css">
			.checkbox.inline input[type="checkbox"]{
				opacity:0.8!important;
			}
		</style>
<script type="text/javascript">
	
	
	//保存
	function save(){
		var oldpassword = $("#id_oldpassword").val();
		if(oldpassword==""){
			$("#id_oldpassword").tips({
				side:3,
	            msg:'原密码',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#id_oldpassword").focus();
			return false;
		}

		var newpassword = $("#id_newpassword").val();
		if(newpassword==""){
			$("#id_newpassword").tips({
				side:3,
	            msg:'新密码',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#id_newpassword").focus();
			return false;
		}
		var newpassword2 = $("#id_newpassword2").val();
		if(newpassword2==""){
			$("#id_newpassword2").tips({
				side:3,
	            msg:'确认密码',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#id_newpassword2").focus();
			return false;
		}
		if(newpassword!=newpassword2){
			$("#id_newpassword2").tips({
				side:3,
	            msg:'密码不一致',
	            bg:'#AE81FF',
	            time:2
	        });
			$("#id_newpassword2").focus();
			return false;
		}
		$.ajax({
			type: "post",
			url: '/main/change_passowrd_save',
	    	data: {oldpassword:oldpassword,newpassword:newpassword,tm:new Date().getTime()},
			dataType:'json',
			cache: false,
			success: function(data){
				 if("success" == data.result){
					 alert("密码修改成功，请重新登录！");
					 window.location.href="/console";
				 }else if("olderror" == data.result){
					 alert("原密码输入错误，请确认！");
					 return false;
				 }else{
					 alert("密码修改失败，请重试！");
					 return false;
				 }
			}
		});
	}
</script>
	</head>
<body>
 
	<form action="/main/change_passowrd_save" name="Form" id="Form" method="post"  enctype="multipart/form-data">
		{% csrf_token %}
		
		<div id="zhongxin">
		<table id="table_report" class="table table-striped table-bordered table-hover">
			<tr>
				<td style="width:90px;text-align: right;padding-top: 13px;">原密码：</td>
				<td><input style="width:250px;" id="id_oldpassword" name="oldpassword" type="password" maxlength="64" placeholder="这里输入原密码" title="原密码"/></td>
			</tr>
			<tr>
				<td style="width:90px;text-align: right;padding-top: 13px;">新密码：</td>
				<td><input style="width:250px;" id="id_newpassword" name="newpassword" type="password" maxlength="64" placeholder="这里输入新密码" title="新密码"/></td>
				 
			</tr>
			<tr>
				<td style="width:90px;text-align: right;padding-top: 13px;">确认密码：</td>
				<td><input style="width:250px;" id="id_newpassword2" name="newpassword2" type="password" maxlength="64" placeholder="这里输入确认密码" title="确认密码"/></td>
				 
			</tr>
			<tr>
				<td style="text-align: center;" colspan="10">
					<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
					<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
				</td>
			</tr>
		</table>
		</div>
		
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="/static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
		
	</form>
	
	
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="/static/js/bootstrap.min.js"></script>
		<script src="/static/js/ace-elements.min.js"></script>
		<script src="/static/js/ace.min.js"></script>
		<script type="text/javascript" src="/static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="/static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript">
		$(top.hangge());
		$(function() {
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			 
		});
		
		</script>
</body>
</html>